
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"/>
    <title>jsPlumb - jsplumb API documentation</title>

    

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">
<link rel="stylesheet" href="../../css/main.css">
    <link rel="stylesheet" href="../../css/jsplumb-doc.css">

    <!-- yuidoc -->
    <link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
    <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">

    <link rel="stylesheet" href="../../css/external/cssgrids-min.css">
    <link rel="stylesheet" href="../../css/external/prettify-min.css">

    <link rel="shortcut icon" type="image/png" href="../../img/favicon.png">
    <script src="https://yui-s.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
    <style>
        #doc {
            text-align:left;
            margin-top:44px;
        }
    </style>
</head>
<body class="yui3-skin-sam">

    <div class="navbar navbar-top navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

            <a class="navbar-brand" href="/"><img src="../../img/logo-medium-jsplumb.png"></a>
            <div class="community"></div>

        </div>

        <div class="navbar-collapse collapse nav-wrapper">
            <ul class="nav navbar-nav">
                <li><a href="../../">DEMOS</a></li>
                <li><a href="../../doc/home.html">DOCS</a></li>
                <li><a href="../../apidocs/index.html">API</a></li>
                <li><a href="../../download">DOWNLOAD</a></li>
                <li><a href="http://beta.jsplumbtoolkit.com/contact.html">CONTACT</a></li>
                <li><a href="https://blog.jsplumbtoolkit.com">BLOG</a></li>

            </ul>

            <div class="social-nav hidden-xs">
                <a href="http://twitter.com/jsplumblib" class="link"><span class="icon-twitter"></span></a>
                <a href="http://github.com/sporritt/jsplumb/" class="link"><span class="icon-github"></span></a>
                <a href="http://www.linkedin.com/company/jsplumb" class="link"><span class="icon-linkedin"></span></a>

            </div>
        </div><!--/.nav-collapse -->
    </div>
</div>

    <div class="container">
        <div class="row">
            <div id="doc">
    <div id="bd" class="yui3-g">
        <div class="yui3-u-1-4">
            <div id="docs-sidebar" class="sidebar apidocs">
                <div id="api-list">
    <h2 class="off-left">APIs</h2>
    <div id="api-tabview" class="tabview">
        <ul class="tabs">
            <li><a href="#api-classes">Classes</a></li>
            <li><a href="#api-modules">Modules</a></li>
        </ul>

        <div id="api-tabview-filter">
            <input type="search" id="api-filter" placeholder="Type to filter APIs">
        </div>

        <div id="api-tabview-panel">
            <ul id="api-classes" class="apis classes">
            
                <li><a href="../classes/Anchors.Assign.html">Anchors.Assign</a></li>
            
                <li><a href="../classes/Anchors.AutoDefault.html">Anchors.AutoDefault</a></li>
            
                <li><a href="../classes/Anchors.Bottom.html">Anchors.Bottom</a></li>
            
                <li><a href="../classes/Anchors.BottomCenter.html">Anchors.BottomCenter</a></li>
            
                <li><a href="../classes/Anchors.BottomLeft.html">Anchors.BottomLeft</a></li>
            
                <li><a href="../classes/Anchors.BottomRight.html">Anchors.BottomRight</a></li>
            
                <li><a href="../classes/Anchors.Center.html">Anchors.Center</a></li>
            
                <li><a href="../classes/Anchors.Continuous.html">Anchors.Continuous</a></li>
            
                <li><a href="../classes/Anchors.ContinuousBottom.html">Anchors.ContinuousBottom</a></li>
            
                <li><a href="../classes/Anchors.ContinuousLeft.html">Anchors.ContinuousLeft</a></li>
            
                <li><a href="../classes/Anchors.ContinuousRight.html">Anchors.ContinuousRight</a></li>
            
                <li><a href="../classes/Anchors.ContinuousTop.html">Anchors.ContinuousTop</a></li>
            
                <li><a href="../classes/Anchors.Left.html">Anchors.Left</a></li>
            
                <li><a href="../classes/Anchors.LeftMiddle.html">Anchors.LeftMiddle</a></li>
            
                <li><a href="../classes/Anchors.Perimeter.html">Anchors.Perimeter</a></li>
            
                <li><a href="../classes/Anchors.Right.html">Anchors.Right</a></li>
            
                <li><a href="../classes/Anchors.RightMiddle.html">Anchors.RightMiddle</a></li>
            
                <li><a href="../classes/Anchors.Top.html">Anchors.Top</a></li>
            
                <li><a href="../classes/Anchors.TopCenter.html">Anchors.TopCenter</a></li>
            
                <li><a href="../classes/Anchors.TopLeft.html">Anchors.TopLeft</a></li>
            
                <li><a href="../classes/Anchors.TopRight.html">Anchors.TopRight</a></li>
            
                <li><a href="../classes/Connection.html">Connection</a></li>
            
                <li><a href="../classes/Connector.html">Connector</a></li>
            
                <li><a href="../classes/Connectors.Bezier.html">Connectors.Bezier</a></li>
            
                <li><a href="../classes/Connectors.Flowchart.html">Connectors.Flowchart</a></li>
            
                <li><a href="../classes/Connectors.StateMachine.html">Connectors.StateMachine</a></li>
            
                <li><a href="../classes/Connectors.Straight.html">Connectors.Straight</a></li>
            
                <li><a href="../classes/Endpoint.html">Endpoint</a></li>
            
                <li><a href="../classes/Endpoints.Blank.html">Endpoints.Blank</a></li>
            
                <li><a href="../classes/Endpoints.Dot.html">Endpoints.Dot</a></li>
            
                <li><a href="../classes/Endpoints.Image.html">Endpoints.Image</a></li>
            
                <li><a href="../classes/Endpoints.Rectangle.html">Endpoints.Rectangle</a></li>
            
                <li><a href="../classes/jsPlumb.html">jsPlumb</a></li>
            
                <li><a href="../classes/jsPlumbInstance.html">jsPlumbInstance</a></li>
            
                <li><a href="../classes/jsPlumbUIComponent.html">jsPlumbUIComponent</a></li>
            
                <li><a href="../classes/jsPlumbUtil.html">jsPlumbUtil</a></li>
            
                <li><a href="../classes/jsPlumbUtil.EventGenerator.html">jsPlumbUtil.EventGenerator</a></li>
            
                <li><a href="../classes/Overlay.html">Overlay</a></li>
            
                <li><a href="../classes/OverlayCapableJsPlumbUIComponent.html">OverlayCapableJsPlumbUIComponent</a></li>
            
                <li><a href="../classes/Overlays.Arrow.html">Overlays.Arrow</a></li>
            
                <li><a href="../classes/Overlays.Diamond.html">Overlays.Diamond</a></li>
            
                <li><a href="../classes/Overlays.Label.html">Overlays.Label</a></li>
            
                <li><a href="../classes/Overlays.PlainArrow.html">Overlays.PlainArrow</a></li>
            
            </ul>

            <ul id="api-modules" class="apis modules">
            
            </ul>
        </div>
    </div>
</div>

            </div>
        </div>
        <div class="yui3-u-3-4">
                <div id="api-options">
        Show:
        <label for="api-show-inherited">
            <input type="checkbox" id="api-show-inherited" checked>
            Inherited
        </label>

        <label for="api-show-protected">
            <input type="checkbox" id="api-show-protected">
            Protected
        </label>

        <label for="api-show-private">
            <input type="checkbox" id="api-show-private">
            Private
        </label>
        <label for="api-show-deprecated">
            <input type="checkbox" id="api-show-deprecated">
            Deprecated
        </label>

    </div>


            <div class="apidocs">
                <div id="docs-main">
                    <div class="content">
                        <h1>jsPlumb Class</h1>
<div class="box meta">
    

    
        <div class="extends">
            Extends JsPlumbInstance
        </div>
    

    
        <div class="foundat">
            Defined in: <a href="../files/doc_api_jsplumb-api.js.html#l1"><code>doc&#x2F;api&#x2F;jsplumb-api.js:1</code></a>
        </div>
    

    

    
</div>



<div class="box intro">
    <p>This is a static jsPlumbInstance that is created and registered on the window, really just for the sake of convenience:  you do not have to use this; you can create your own instances using
the <code>jsPlumbInstance.getInstance</code> method. For a list of the available methods and properties on this object,
see the <code>jsPlumbInstance</code> API docs.</p>

</div>



<div id="classdocs" class="tabview">
    <ul class="api-class-tabs">
        <li class="api-class-tab index"><a href="#index">Index</a></li>

        
            <li class="api-class-tab methods"><a href="#methods">Methods</a></li>
        
        
            <li class="api-class-tab properties"><a href="#properties">Properties</a></li>
        
        
        
    </ul>

    <div>
        <div id="index" class="api-class-tabpanel index">
            <h2 class="off-left">Item Index</h2>

            
                <div class="index-section methods">
                    <h3>Methods</h3>

                    <ul class="index-list methods extends">
                        
                            <li class="index-item method inherited">
                                <a href="#method_addEndpoint">addEndpoint</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_addEndpoints">addEndpoints</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_animate">animate</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_batch">batch</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_bind">bind</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_cleanupListeners">cleanupListeners</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_connect">connect</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_deleteEndpoint">deleteEndpoint</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_deleteEveryEndpoint">deleteEveryEndpoint</a>

                                
                                
                            </li>
                        
                            <li class="index-item method deprecated inherited">
                                <a href="#method_doWhileSuspended">doWhileSuspended</a>

                                
                                
                                    <span class="flag deprecated">deprecated</span>
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_draggable">draggable</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_empty">empty</a>

                                
                                
                            </li>
                        
                            <li class="index-item method private inherited">
                                <a href="#method_fire">fire</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_getAllConnections">getAllConnections</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_getConnections">getConnections</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_getContainer">getContainer</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_getDefaultScope">getDefaultScope</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_getEndpoint">getEndpoint</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_getInstance">getInstance</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_getScope">getScope</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_getSelector">getSelector</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_getSourceScope">getSourceScope</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_getTargetScope">getTargetScope</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_getType">getType</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_hide">hide</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_importDefaults">importDefaults</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_isHoverSuspended">isHoverSuspended</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_isSource">isSource</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_isSourceEnabled">isSourceEnabled</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_isSuspendDrawing">isSuspendDrawing</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_isSuspendEvents">isSuspendEvents</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_isTarget">isTarget</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_isTargetEnabled">isTargetEnabled</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_jsPlumbUtil.replace">jsPlumbUtil.replace</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_makeSource">makeSource</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_makeTarget">makeTarget</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_off">off</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_on">on</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_ready">ready</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_recalculateOffsets">recalculateOffsets</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_registerConnectionType">registerConnectionType</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_registerConnectionTypes">registerConnectionTypes</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_registerEndpointType">registerEndpointType</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_registerEndpointTypes">registerEndpointTypes</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_remove">remove</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_removeAllEndpoints">removeAllEndpoints</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_repaint">repaint</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_repaintEverything">repaintEverything</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_reset">reset</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_restoreDefaults">restoreDefaults</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_revalidate">revalidate</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_select">select</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_selectEndpoints">selectEndpoints</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_setContainer">setContainer</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_setDefaultScope">setDefaultScope</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_setDraggable">setDraggable</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_setHoverSuspended">setHoverSuspended</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_setIdChanged">setIdChanged</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_setParent">setParent</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_setScope">setScope</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_setSource">setSource</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_setSourceEnabled">setSourceEnabled</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_setSourceScope">setSourceScope</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited inherited">
                                <a href="#method_setSuspendDrawing">setSuspendDrawing</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_setSuspendEvents">setSuspendEvents</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_setTarget">setTarget</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_setTargetEnabled">setTargetEnabled</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_setTargetScope">setTargetScope</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_show">show</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_toggleDraggable">toggleDraggable</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_toggleSourceEnabled">toggleSourceEnabled</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_toggleTargetEnabled">toggleTargetEnabled</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_toggleVisible">toggleVisible</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_unbind">unbind</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_unmakeEverySource">unmakeEverySource</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_unmakeEveryTarget">unmakeEveryTarget</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_unmakeSource">unmakeSource</a>

                                
                                
                            </li>
                        
                            <li class="index-item method inherited">
                                <a href="#method_unmakeTarget">unmakeTarget</a>

                                
                                
                            </li>
                        
                    </ul>
                </div>
            

            
                <div class="index-section properties">
                    <h3>Properties</h3>

                    <ul class="index-list properties extends">
                        
                            <li class="index-item property inherited">
                                <a href="#property_connectorClass">connectorClass</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_Defaults">Defaults</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_Defaults.Anchor">Defaults.Anchor</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_Defaults.Anchors">Defaults.Anchors</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_Defaults.ConnectionOverlays">Defaults.ConnectionOverlays</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_Defaults.ConnectionsDetachable">Defaults.ConnectionsDetachable</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_Defaults.Connector">Defaults.Connector</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_Defaults.Container">Defaults.Container</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_Defaults.DoNotThrowErrors">Defaults.DoNotThrowErrors</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_Defaults.DragOptions">Defaults.DragOptions</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_Defaults.DropOptions">Defaults.DropOptions</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_Defaults.Endpoint">Defaults.Endpoint</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_Defaults.EndpointHoverStyle">Defaults.EndpointHoverStyle</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_Defaults.EndpointHoverStyles">Defaults.EndpointHoverStyles</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_Defaults.Endpoints">Defaults.Endpoints</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_Defaults.EndpointStyle">Defaults.EndpointStyle</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_Defaults.EndpointStyles">Defaults.EndpointStyles</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_Defaults.HoverPaintStyle">Defaults.HoverPaintStyle</a>

                                
                                
                            </li>
                        
                            <li class="index-item property deprecated inherited">
                                <a href="#property_Defaults.LabelStyle">Defaults.LabelStyle</a>

                                
                                
                                    <span class="flag deprecated">deprecated</span>
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_Defaults.LogEnabled">Defaults.LogEnabled</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_Defaults.MaxConnections">Defaults.MaxConnections</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_Defaults.Overlays">Defaults.Overlays</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_Defaults.PaintStyle">Defaults.PaintStyle</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_Defaults.ReattachConnections">Defaults.ReattachConnections</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_Defaults.RenderMode">Defaults.RenderMode</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_Defaults.Scope">Defaults.Scope</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_draggingClass">draggingClass</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_elementDraggingClass">elementDraggingClass</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_endpointAnchorClassPrefix">endpointAnchorClassPrefix</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_endpointClass">endpointClass</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_endpointConnectedClass">endpointConnectedClass</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_endpointDropAllowedClass">endpointDropAllowedClass</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_endpointDropForbiddenClass">endpointDropForbiddenClass</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_endpointFullClass">endpointFullClass</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_hoverClass">hoverClass</a>

                                
                                
                            </li>
                        
                            <li class="index-item property inherited">
                                <a href="#property_overlayClass">overlayClass</a>

                                
                                
                            </li>
                        
                    </ul>
                </div>
            

            

            
        </div>

        
            <div id="methods" class="api-class-tabpanel">
                <h2 class="off-left">Methods</h2>

                
                    <div id="method_addEndpoint" class="method item inherited">
    <h3 class="name"><code>addEndpoint</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code class="optional">[params]</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code class="optional">[referenceParams]</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">Object | Array</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_addEndpoint">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l55"><code>doc&#x2F;api&#x2F;jsplumb-api.js:55</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Adds an Endpoint to a given element or elements. See also <code>jsPlumbInstance.addEndpoints</code>.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">String | Object | Array</span>
                    

                    

                    <div class="param-description">
                        <p>Element to add the endpoint to. Either an element id, a selector representing some element(s), or an array of either of these.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name optional">[params]</code>
                        <span class="type">Object</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>Object containing Endpoint constructor arguments.  For more information, see {@link Endpoint}</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name optional">[referenceParams]</code>
                        <span class="type">Object</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>Object containing more Endpoint constructor arguments; it will be merged with params by jsPlumb.  You would use this if you had some 
shared parameters that you wanted to reuse when you added Endpoints to a number of elements. The allowed values in this object are anything that &#39;params&#39; can contain.  See <Endpoint>.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">Object | Array</span>:
                    
                    <p>The newly created Endpoint, if <code>el</code> referred to a single element.  Otherwise, an array of newly created <code>Endpoint</code>s.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_addEndpoints" class="method item inherited">
    <h3 class="name"><code>addEndpoints</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>target</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>endpoints</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code class="optional">[referenceParams]</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">Array</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_addEndpoints">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l65"><code>doc&#x2F;api&#x2F;jsplumb-api.js:65</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Adds a list of Endpoints to a given element or elements. See also <code>jsPlumbInstance.addEndpoint</code>.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">target</code>
                        <span class="type">String | Object | Array</span>
                    

                    

                    <div class="param-description">
                        <p>Element to add the Endpoint to. Either an element id, a selector representing some element(s), or an array of either of these.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">endpoints</code>
                        <span class="type">Array</span>
                    

                    

                    <div class="param-description">
                        <p>List of objects containing Endpoint constructor arguments. one Endpoint is created for each entry in this list.  See {@link Endpoint}&#39;s constructor documentation.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name optional">[referenceParams]</code>
                        <span class="type">Object</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>Object containing more Endpoint constructor arguments; it will be merged with params by jsPlumb.  You would use this if you had some shared parameters that you wanted to reuse when you added Endpoints to a number of elements.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">Array</span>:
                    
                    <p>List of newly created Endpoints, one for each entry in the <code>endpoints</code> argument.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_animate" class="method item inherited">
    <h3 class="name"><code>animate</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code class="optional">[properties]</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code class="optional">[options]</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_animate">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l142"><code>doc&#x2F;api&#x2F;jsplumb-api.js:142</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>This is a wrapper around the supporting library&#39;s animate function; it injects a call to jsPlumb in the &#39;step&#39; function (creating
the &#39;step&#39; function if necessary). This only supports the two-arg version of the animate call in jQuery, the one that takes an &#39;options&#39; object as
the second arg. MooTools has only one method, a two arg one. Which is handy.  YUI has a one-arg method, so jsPlumb merges &#39;properties&#39; and &#39;options&#39; together for YUI.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">String | Element | Selector</span>
                    

                    

                    <div class="param-description">
                        <p>Element to animate. Either an id, or a selector representing the element.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name optional">[properties]</code>
                        <span class="type">Object</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>The &#39;properties&#39; argument you want passed to the library&#39;s animate call.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name optional">[options]</code>
                        <span class="type">Object</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>The &#39;options&#39; argument you want passed to the library&#39;s animate call.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_batch" class="method item inherited">
    <h3 class="name"><code>batch</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>fn</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code class="optional">[doNotRepaintAfterwards=false]</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_batch">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l128"><code>doc&#x2F;api&#x2F;jsplumb-api.js:128</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Suspends drawing, runs the given function, then re-enables drawing (and repaints, unless
you set &#39;doNotRepaintAfterwards&#39; to true)</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">fn</code>
                        <span class="type">Function</span>
                    

                    

                    <div class="param-description">
                        <p>Function to execute while drawing is suspended.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name optional">[doNotRepaintAfterwards=false]</code>
                        <span class="type">Boolean</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>If true, will not run a repaint after running the function supplied to this function.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_bind" class="method item inherited">
    <h3 class="name"><code>bind</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>event</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>listener</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code class="optional">[insertAtStart=false]</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/jsPlumbUtil.EventGenerator.html#method_bind">jsPlumbUtil.EventGenerator</a>:
            
        
        
        <a href="../files/doc_api_util-api.js.html#l89"><code>doc&#x2F;api&#x2F;util-api.js:89</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Binds a listener to one or more events.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">event</code>
                        <span class="type">String | String</span>
                    

                    

                    <div class="param-description">
                        <p>Name(s) of the event(s) to bind to. Note that if you provide multiple event names they all are bound with the same function.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">listener</code>
                        <span class="type">Function</span>
                    

                    

                    <div class="param-description">
                        <p>Function to execute.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name optional">[insertAtStart=false]</code>
                        <span class="type">Boolean</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>Whether or not to insert this listener at the start of the listener list, so it is fired before the other currently registered listeners.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_cleanupListeners" class="method item inherited">
    <h3 class="name"><code>cleanupListeners</code></h3>

    
        <span class="paren">()</span>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/jsPlumbUtil.EventGenerator.html#method_cleanupListeners">jsPlumbUtil.EventGenerator</a>:
            
        
        
        <a href="../files/doc_api_util-api.js.html#l126"><code>doc&#x2F;api&#x2F;util-api.js:126</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Removes all listeners.</p>

    </div>

    

    

    
</div>

                
                    <div id="method_connect" class="method item inherited">
    <h3 class="name"><code>connect</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>params</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>referenceParams</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type"><a href="../classes/Connection.html" class="crosslink">Connection</a></span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_connect">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l74"><code>doc&#x2F;api&#x2F;jsplumb-api.js:74</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Establishes a {@link Connection} between two elements (or {@link Endpoint}s, which are themselves registered to elements).</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">params</code>
                        <span class="type">Object</span>
                    

                    

                    <div class="param-description">
                        <p>Connection params</p>

                    </div>

                    
                        <ul class="params-list">
                            
                            <li class="param">
                                
                                    <code class="param-name">source</code>
                                    <span class="type">String | Object | <a href="../classes/Endpoint.html" class="crosslink">Endpoint</a></span>
                                

                                <div class="param-description">
                                    <p>Source of the connection. May be an id, or an element, or an Endpoint.</p>

                                </div>

                                
                            </li>
                            
                            <li class="param">
                                
                                    <code class="param-name">target</code>
                                    <span class="type">String | Object | <a href="../classes/Endpoint.html" class="crosslink">Endpoint</a></span>
                                

                                <div class="param-description">
                                    <p>Target of the connection. May be an id, or an element, or an Endpoint.</p>

                                </div>

                                
                            </li>
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[uuids]</code>
                                    <span class="type">String</span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <p>Optional array of UUIDs of the two Endpoints to connect. If you supply this you do not need to supply <code>source</code> or <code>target</code>.</p>

                                </div>

                                
                            </li>
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[type]</code>
                                    <span class="type">String</span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <p>Optional type for the Connection.</p>

                                </div>

                                
                            </li>
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[pointer-events]</code>
                                    <span class="type">String</span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <p>Optional <code>pointer-events</code> value for the Connection (only used by the SVG renderer)</p>

                                </div>

                                
                            </li>
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[connector]</code>
                                    <span class="type">String | Array</span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <p>The type of Connector to use. Defaults to whatever is set in the defaults for the instance. This
parameter can be either a String - a named Connector, such as "Straight" - or an array consisting of a Connector name plus
constructor parameters. For further information see the main documentation.</p>

                                </div>

                                
                            </li>
                            
                        </ul>
                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">referenceParams</code>
                        <span class="type">Object</span>
                    

                    

                    <div class="param-description">
                        <p>Optional second set of parameters, which will be merged into a new object along with <code>params</code>. This can be useful if
you have some common settings to share between multiple <code>connect</code> calls. Valid values in this object are anything that is valid in <code>params</code>.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type"><a href="../classes/Connection.html" class="crosslink">Connection</a></span>:
                    
                    <p>The Connection that was created, or null if either the source or target element was not found (in which case the missin element is also logged).</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_deleteEndpoint" class="method item inherited">
    <h3 class="name"><code>deleteEndpoint</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>object</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code class="optional">[doNotRepaintAfterwards=false]</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">JsPlumbInstance</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_deleteEndpoint">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l709"><code>doc&#x2F;api&#x2F;jsplumb-api.js:709</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Deletes an Endpoint and removes all Connections it has (which removes the Connections from the other Endpoints involved too)</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">object</code>
                        <span class="type">String | <a href="../classes/Endpoint.html" class="crosslink">Endpoint</a></span>
                    

                    

                    <div class="param-description">
                        <p>Either a string, representing the endpoint&#39;s uuid, or an Endpoint.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name optional">[doNotRepaintAfterwards=false]</code>
                        <span class="type">Boolean</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>Indicates whether or not to repaint everything after this call.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">JsPlumbInstance</span>:
                    
                    <p>The current jsPlumb instance.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_deleteEveryEndpoint" class="method item inherited">
    <h3 class="name"><code>deleteEveryEndpoint</code></h3>

    
        <span class="paren">()</span>
    

    
        <span class="returns-inline">
            <span class="type">JsPlumbInstance</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_deleteEveryEndpoint">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l717"><code>doc&#x2F;api&#x2F;jsplumb-api.js:717</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Deletes every <code>Endpoint</code> and their associated <code>Connection</code>s. Distinct from {@link jsPlumbInstance#reset} because we dont clear listeners here, so
for that reason this function is often the best way to reset a jsPlumb instance.</p>

    </div>

    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">JsPlumbInstance</span>:
                    
                    <p>The current jsPlumb instance.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_doWhileSuspended" class="method item deprecated inherited">
    <h3 class="name"><code>doWhileSuspended</code></h3>

    
        <span class="paren">()</span>
    

    

    
        <span class="flag deprecated" title="Will be removed in version 2.0.0">deprecated</span>
    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_doWhileSuspended">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l136"><code>doc&#x2F;api&#x2F;jsplumb-api.js:136</code></a>
        
        </p>


        
            <p>Deprecated: Will be removed in version 2.0.0</p>
        

        
    </div>

    <div class="description">
        <p>Original method name for the <code>batch</code> function.</p>

    </div>

    

    

    
</div>

                
                    <div id="method_draggable" class="method item inherited">
    <h3 class="name"><code>draggable</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code class="optional">[options]</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">JsPlumbInstance</span>
        </span>
    

    

    

    

    

    
        <span class="flag chainable">chainable</span>
    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_draggable">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l678"><code>doc&#x2F;api&#x2F;jsplumb-api.js:678</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Initialises some element or elements to be draggable.  You should use this instead of your
library&#39;s draggable method so that jsPlumb can setup the appropriate callbacks.  Your
underlying library&#39;s drag method is always called from this method.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">Object</span>
                    

                    

                    <div class="param-description">
                        <p>Either an element id, an element, a list of element ids, or a selector.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name optional">[options]</code>
                        <span class="type">Object</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>Options to pass through to the underlying library. A common use case in jQueryUI, for instance, is to provide a <code>containment</code> parameter:</p>
<pre><code>    `jsPlumb.draggable("someElementId", {
       containment:"parent"
     });`</code></pre>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">JsPlumbInstance</span>:
                    
                    <p>The current jsPlumb instance.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_empty" class="method item inherited">
    <h3 class="name"><code>empty</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_empty">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l646"><code>doc&#x2F;api&#x2F;jsplumb-api.js:646</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Empties out the given element: all Endpoints and Connections belonging to child elements, as well as - of course -
the child elements themselves. Endpoints and Connections belonging to the element itself are retained.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">String | Element | Selector</span>
                    

                    

                    <div class="param-description">
                        <p>The element in question.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_fire" class="method item private inherited">
    <h3 class="name"><code>fire</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>event</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>value</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>originalEvent</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    
        <span class="flag private">private</span>
    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/jsPlumbUtil.EventGenerator.html#method_fire">jsPlumbUtil.EventGenerator</a>:
            
        
        
        <a href="../files/doc_api_util-api.js.html#l97"><code>doc&#x2F;api&#x2F;util-api.js:97</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Fires an update for the given event.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">event</code>
                        <span class="type">String</span>
                    

                    

                    <div class="param-description">
                        <p>Event to fire</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">value</code>
                        <span class="type">Object</span>
                    

                    

                    <div class="param-description">
                        <p>Value to pass to the event listener(s).</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">originalEvent</code>
                        <span class="type">Event</span>
                    

                    

                    <div class="param-description">
                        <p>The original event from the browser</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_getAllConnections" class="method item inherited">
    <h3 class="name"><code>getAllConnections</code></h3>

    
        <span class="paren">()</span>
    

    
        <span class="returns-inline">
            <span class="type">Object</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_getAllConnections">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l396"><code>doc&#x2F;api&#x2F;jsplumb-api.js:396</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Gets all Connections the given jsPlumbInstance is managing.</p>

    </div>

    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">Object</span>:
                    
                    <p>All connections, as a map of the form:</p>
<p> <code>{ scope -&gt; [ connection... ] }</code></p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_getConnections" class="method item inherited">
    <h3 class="name"><code>getConnections</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>scope</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>options</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code class="optional">[flat=false]</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">Array | Map</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_getConnections">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l184"><code>doc&#x2F;api&#x2F;jsplumb-api.js:184</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Gets all or a subset of connections currently managed by this jsPlumb instance.  If only one scope is passed in to this method,
the result will be a list of connections having that scope (passing in no scope at all will result in jsPlumb assuming you want the
default scope).</p>
<p>If multiple scopes are passed in, the return value will be a map of</p>
<p>   <code>{ scope -&gt; [ connection... ] }</code></p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">scope</code>
                        <span class="type">String</span>
                    

                    

                    <div class="param-description">
                        <p>If the first argument supplied to this function is a string, it is treated as a scope filter, and this method will return a list
                 of connections that are in the given scope. use &#39;*&#39; for all scopes.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">options</code>
                        <span class="type">Object</span>
                    

                    

                    <div class="param-description">
                        <p>Filter options</p>

                    </div>

                    
                        <ul class="params-list">
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[scope]</code>
                                    <span class="type">String | String</span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <p>may be a string specifying a single scope, or an array of strings, specifying multiple scopes. Also may have the value &#39;*&#39;, indicating any scope.</p>

                                </div>

                                
                            </li>
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[source]</code>
                                    <span class="type">String | String | Selector</span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <p>either a string representing an element id, a selector, or an array of ids. Also may have the value &#39;*&#39;, indicating any source.  Constrains the result to connections having this/these element(s) as source.</p>

                                </div>

                                
                            </li>
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[target]</code>
                                    <span class="type">String | String | Selector</span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <p>either a string representing an element id, a selector, or an array of ids. Also may have the value &#39;*&#39;, indicating any target.  Constrains the result to connections having this/these element(s) as target.</p>

                                </div>

                                
                            </li>
                            
                        </ul>
                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name optional">[flat=false]</code>
                        <span class="type">Boolean</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>return results in a flat array (don&#39;t return an object whose keys are scopes and whose values are lists per scope).</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">Array | Map</span>:
                    
                    <p>If only one scope was requested, a list of Connections that match the criteria. Otherwise, a map of [scope-&gt;connection lists].</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_getContainer" class="method item inherited">
    <h3 class="name"><code>getContainer</code></h3>

    
        <span class="paren">()</span>
    

    
        <span class="returns-inline">
            <span class="type">Element</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_getContainer">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l42"><code>doc&#x2F;api&#x2F;jsplumb-api.js:42</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Gets the current element in use as the Container for the given jsPlumbInstance</p>

    </div>

    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">Element</span>:
                    
                    <p>The current element in use as the Container.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_getDefaultScope" class="method item inherited">
    <h3 class="name"><code>getDefaultScope</code></h3>

    
        <span class="paren">()</span>
    

    
        <span class="returns-inline">
            <span class="type">String</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_getDefaultScope">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l404"><code>doc&#x2F;api&#x2F;jsplumb-api.js:404</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Gets the default scope for connections and endpoints.
A scope defines a type of endpoint/connection; supplying a
scope to an Endpoint or Connection allows you to support different
types of connections in the same UI. but if you&#39;re only interested in
one type of connection, you don&#39;t need to supply a scope. this method
will probably be used by very few people; it&#39;s good for testing
though.</p>

    </div>

    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">String</span>:
                    
                    <p>The default scope for the given jsPlumbInstance</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_getEndpoint" class="method item inherited">
    <h3 class="name"><code>getEndpoint</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>uuid</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type"><a href="../classes/Endpoint.html" class="crosslink">Endpoint</a></span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_getEndpoint">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l416"><code>doc&#x2F;api&#x2F;jsplumb-api.js:416</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Gets an Endpoint by UUID</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">uuid</code>
                        <span class="type">String</span>
                    

                    

                    <div class="param-description">
                        <p>The UUID for the Endpoint</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type"><a href="../classes/Endpoint.html" class="crosslink">Endpoint</a></span>:
                    
                    <p>Endpoint with the given UUID, null if nothing found.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_getInstance" class="method item inherited">
    <h3 class="name"><code>getInstance</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code class="optional">[_defaults]</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_getInstance">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l659"><code>doc&#x2F;api&#x2F;jsplumb-api.js:659</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Gets a new instance of jsPlumb.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name optional">[_defaults]</code>
                        <span class="type">Object</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>Optional default settings for the new instance.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_getScope" class="method item inherited">
    <h3 class="name"><code>getScope</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>Element</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">String</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_getScope">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l527"><code>doc&#x2F;api&#x2F;jsplumb-api.js:527</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Gets the source or target scope of some element that has that has been configured as a connection source with <code>makeTarget</code> and/or <code>makeSource</code>, defaulting to the source scope if the element has been configured for both.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">Element</code>
                        <span class="type">Element | String</span>
                    

                    

                    <div class="param-description">
                        <p>to get source or target scope for.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">String</span>:
                    
                    <p>Source or Target scope (you will get Source if the element is both a source and a target), or the default scope if nothing was explicitly set.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_getSelector" class="method item inherited">
    <h3 class="name"><code>getSelector</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code class="optional">[context]</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>spec</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_getSelector">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l693"><code>doc&#x2F;api&#x2F;jsplumb-api.js:693</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>This method takes the given selector spec and, using the current underlying library, turns it into
a selector from that library.  This method exists really as a helper function for those applications
where you&#39;re writing jsPlumb code that will target more than one library (such as in the case of the
jsPlumb demo pages).</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name optional">[context]</code>
                        <span class="type">Element | Selector</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>An element to search from. may be omitted (<strong>not</strong> null: omitted. as in you only pass one argument to the function)</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">spec</code>
                        <span class="type">String</span>
                    

                    

                    <div class="param-description">
                        <p>A valid selector string.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_getSourceScope" class="method item inherited">
    <h3 class="name"><code>getSourceScope</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>Element</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">String</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_getSourceScope">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l513"><code>doc&#x2F;api&#x2F;jsplumb-api.js:513</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Gets the source scope of some element that has that has been configured as a connection source with <code>makeSource</code></p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">Element</code>
                        <span class="type">Element | String</span>
                    

                    

                    <div class="param-description">
                        <p>to get source scope for.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">String</span>:
                    
                    <p>Source scope, or the default scope if nothing was explicitly set.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_getTargetScope" class="method item inherited">
    <h3 class="name"><code>getTargetScope</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>Element</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">String</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_getTargetScope">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l520"><code>doc&#x2F;api&#x2F;jsplumb-api.js:520</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Gets the target scope of some element that has that has been configured as a connection source with <code>makeTarget</code></p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">Element</code>
                        <span class="type">Element | String</span>
                    

                    

                    <div class="param-description">
                        <p>to get target scope for.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">String</span>:
                    
                    <p>Target scope, or the default scope if nothing was explicitly set.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_getType" class="method item inherited">
    <h3 class="name"><code>getType</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>id</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>typeDescriptor</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">Object</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_getType">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l724"><code>doc&#x2F;api&#x2F;jsplumb-api.js:724</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Returns the given type&#39;s specification.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">id</code>
                        <span class="type">String</span>
                    

                    

                    <div class="param-description">
                        <p>Id of the type to retrieve</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">typeDescriptor</code>
                        <span class="type">String</span>
                    

                    

                    <div class="param-description">
                        <p><code>"connection"</code> or <code>"endpoint"</code> - the category of Type to get.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">Object</span>:
                    
                    <p>Type specification, it if exists, null otherwise.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_hide" class="method item inherited">
    <h3 class="name"><code>hide</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code class="optional">[changeEndpoints=false]</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">JsPlumbInstance</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_hide">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l331"><code>doc&#x2F;api&#x2F;jsplumb-api.js:331</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Sets an element&#39;s connections to be hidden.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">String | Element | Selector</span>
                    

                    

                    <div class="param-description">
                        <p>Element to hide connections for.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name optional">[changeEndpoints=false]</code>
                        <span class="type">Boolean</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>Whether not to also hide endpoints on the element.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">JsPlumbInstance</span>:
                    
                    <p>The current jsPlumb instance.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_importDefaults" class="method item inherited">
    <h3 class="name"><code>importDefaults</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>defaults</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">JsPlumbInstance</span>
        </span>
    

    

    

    

    

    
        <span class="flag chainable">chainable</span>
    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_importDefaults">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l18"><code>doc&#x2F;api&#x2F;jsplumb-api.js:18</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Imports all the given defaults into this instance of jsPlumb.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">defaults</code>
                        <span class="type">Object</span>
                    

                    

                    <div class="param-description">
                        <p>The defaults to import.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">JsPlumbInstance</span>:
                    
                    <p>The current jsPlumb instance.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_isHoverSuspended" class="method item inherited">
    <h3 class="name"><code>isHoverSuspended</code></h3>

    
        <span class="paren">()</span>
    

    
        <span class="returns-inline">
            <span class="type">Boolean</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_isHoverSuspended">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l319"><code>doc&#x2F;api&#x2F;jsplumb-api.js:319</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        
    </div>

    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">Boolean</span>:
                    
                    <p>Whether or not hover effects are currently suspended.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_isSource" class="method item inherited">
    <h3 class="name"><code>isSource</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">Boolean</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_isSource">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l550"><code>doc&#x2F;api&#x2F;jsplumb-api.js:550</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Returns whether or not the given element is registered as a connection source.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">String | Element | Selector</span>
                    

                    

                    <div class="param-description">
                        <p>The element in question.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">Boolean</span>:
                    
                    <p>True if source, false if not.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_isSourceEnabled" class="method item inherited">
    <h3 class="name"><code>isSourceEnabled</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code class="optional">[connectionType]</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">Boolean</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_isSourceEnabled">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l557"><code>doc&#x2F;api&#x2F;jsplumb-api.js:557</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Returns whether or not the given connection source is enabled.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">String | Element | Selector</span>
                    

                    

                    <div class="param-description">
                        <p>The element in question.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name optional">[connectionType]</code>
                        <span class="type">String</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>Optional specific connection type to test against. If not provided, uses the default, which
 means a <code>makeSource</code> call that did not specify a <code>connectionType</code>.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">Boolean</span>:
                    
                    <p>True if enabled, false if not.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_isSuspendDrawing" class="method item inherited">
    <h3 class="name"><code>isSuspendDrawing</code></h3>

    
        <span class="paren">()</span>
    

    
        <span class="returns-inline">
            <span class="type">Boolean</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_isSuspendDrawing">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l122"><code>doc&#x2F;api&#x2F;jsplumb-api.js:122</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Returns whether or not drawing is currently suspended.</p>

    </div>

    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">Boolean</span>:
                    
                    <p>True if drawing suspended, false otherwise.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_isSuspendEvents" class="method item inherited">
    <h3 class="name"><code>isSuspendEvents</code></h3>

    
        <span class="paren">()</span>
    

    
        <span class="returns-inline">
            <span class="type">Boolean</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/jsPlumbUtil.EventGenerator.html#method_isSuspendEvents">jsPlumbUtil.EventGenerator</a>:
            
        
        
        <a href="../files/doc_api_util-api.js.html#l121"><code>doc&#x2F;api&#x2F;util-api.js:121</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Checks whether or not events are currently suspended.</p>

    </div>

    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">Boolean</span>:
                    
                    <p>True if events are suspended, false otherwise.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_isTarget" class="method item inherited">
    <h3 class="name"><code>isTarget</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">Boolean</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_isTarget">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l582"><code>doc&#x2F;api&#x2F;jsplumb-api.js:582</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Returns whether or not the given element is registered as a connection target.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">String | Element | Selector</span>
                    

                    

                    <div class="param-description">
                        <p>The element in question.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">Boolean</span>:
                    
                    <p>True if source, false if not.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_isTargetEnabled" class="method item inherited">
    <h3 class="name"><code>isTargetEnabled</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">Boolean</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_isTargetEnabled">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l589"><code>doc&#x2F;api&#x2F;jsplumb-api.js:589</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Returns whether or not the given connection target is enabled.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">String | Element | Selector</span>
                    

                    

                    <div class="param-description">
                        <p>The element in question.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">Boolean</span>:
                    
                    <p>True if enabled, false if not.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_jsPlumbUtil.replace" class="method item inherited">
    <h3 class="name"><code>jsPlumbUtil.replace</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>inObj</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>path</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>value</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/jsPlumbUtil.EventGenerator.html#method_jsPlumbUtil.replace">jsPlumbUtil.EventGenerator</a>:
            
        
        
        <a href="../files/doc_api_util-api.js.html#l131"><code>doc&#x2F;api&#x2F;util-api.js:131</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Replaces values inside some JS object according to a given path spec. A path spec is a string in dotted notation,
with each component optionally declaring an array index. Some examples are:</p>
<p>foo.bar
foo.baz[2]
foo.qux[3].baz[3].shwee</p>
<p>The function fails gracefully if the path identifies a non-existent object.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">inObj</code>
                        <span class="type">Object</span>
                    

                    

                    <div class="param-description">
                        <p>Object to perform replacements inside.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">path</code>
                        <span class="type">String</span>
                    

                    

                    <div class="param-description">
                        <p>Path to use for replacements</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">value</code>
                        <span class="type">Object</span>
                    

                    

                    <div class="param-description">
                        <p>Value to set.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_makeSource" class="method item inherited">
    <h3 class="name"><code>makeSource</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>params</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_makeSource">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l451"><code>doc&#x2F;api&#x2F;jsplumb-api.js:451</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Makes some DOM element(s) a Connection source, allowing you to drag connections from it/them
without having to first register any Endpoints.  When a Connection is established, the endpoint spec 
that was passed in to this method is used to create a suitable Endpoint (the default will be used if 
you do not provide one).</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">String | Element | Selector</span>
                    

                    

                    <div class="param-description">
                        <p>String id, element, or element selector for the element(s) to make a source.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">params</code>
                        <span class="type">Object</span>
                    

                    

                    <div class="param-description">
                        <p>Parameters for the call</p>

                    </div>

                    
                        <ul class="params-list">
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[endpoint]</code>
                                    <span class="type">String | Array</span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <p>Specification of an endpoint to create when a connection is created.</p>

                                </div>

                                
                            </li>
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[parent]</code>
                                    <span class="type">String | Element</span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <p>The element to add Endpoints to when a Connection is established.  if you omit this, Endpoints will be added to &#39;el&#39;.</p>

                                </div>

                                
                            </li>
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[scope]</code>
                                    <span class="type">String</span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <p>Scope for the connections dragged from this element.</p>

                                </div>

                                
                            </li>
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[dragOptions]</code>
                                    <span class="type">Object</span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <p>Same stuff as you would pass to dragOptions of an Endpoint definition.</p>

                                </div>

                                
                            </li>
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[deleteEndpointsOnEmpty=false]</code>
                                    <span class="type">Boolean</span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <p>Whether or not to delete any Endpoints created by a connection from this source if the connection is subsequently detached. this will not
remove Endpoints that have had more Connections attached to them after they were created.</p>

                                </div>

                                
                            </li>
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[filter]</code>
                                    <span class="type">Function</span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <p>Function to call when the user presses the mouse button to start a drag. This function is passed the original 
event and the element on which the associated makeSource call was made.  If it returns anything other than false,
the drag begins as usual. But if it returns false (the boolean false, not just something falsey), the drag is aborted.</p>

                                </div>

                                
                            </li>
                            
                        </ul>
                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_makeTarget" class="method item inherited">
    <h3 class="name"><code>makeTarget</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>params</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_makeTarget">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l424"><code>doc&#x2F;api&#x2F;jsplumb-api.js:424</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Makes some DOM element(s) a Connection target, allowing you to drag connections to it/them
without having to first register any Endpoints.  When a Connection is established,
the endpoint spec that was passed in to this method is used to create a suitable 
Endpoint (the default will be used if you do not provide one).</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">String | Element | Selector</span>
                    

                    

                    <div class="param-description">
                        <p>Element(s) to turn into a connection target.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">params</code>
                        <span class="type">Object</span>
                    

                    

                    <div class="param-description">
                        <p>Parameters for the call</p>

                    </div>

                    
                        <ul class="params-list">
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[endpoint]</code>
                                    <span class="type">String | Array</span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <p>Specification of an Endpoint to create when a Connection is established.</p>

                                </div>

                                
                            </li>
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[scope]</code>
                                    <span class="type">String</span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <p>Scope for the drop zone.</p>

                                </div>

                                
                            </li>
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[dropOptions]</code>
                                    <span class="type">Object</span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <p>Same stuff as you would pass to dropOptions of an Endpoint definition.</p>

                                </div>

                                
                            </li>
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[deleteEndpointsOnEmpty=true]</code>
                                    <span class="type">Boolean</span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <p>Whether or not to delete any Endpoints created by a connection to this target if
the connection is subsequently detached. this will not remove Endpoints that have had more Connections attached
to them after they were created.</p>

                                </div>

                                
                            </li>
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[maxConnections=-1]</code>
                                    <span class="type">Integer</span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <p>Specifies the maximum number of Connections that can be made to this element as a target.</p>

                                </div>

                                
                            </li>
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[onMaxConnections]</code>
                                    <span class="type">Function</span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <p>Function to call when user attempts to drop a connection but the limit has been reached.
The callback signature should look like this:
    <code>function( { element, connection, maxConnection }, originalEvent )</code></p>

                                </div>

                                
                            </li>
                            
                        </ul>
                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_off" class="method item inherited">
    <h3 class="name"><code>off</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>event</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>fn</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">JsPlumbInstance</span>
        </span>
    

    

    

    

    

    
        <span class="flag chainable">chainable</span>
    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_off">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l985"><code>doc&#x2F;api&#x2F;jsplumb-api.js:985</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Cancel delegate event handling for the given function. Note that unlike with &#39;on&#39; you do not supply
a list of child selectors here: it removes event delegation from all of the child selectors for which the
given function was registered (if any).</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">Element | Element | String</span>
                    

                    

                    <div class="param-description">
                        <p>Either an Element, or a CSS selector (if you want to specify an ID you must prepend it with &#39;#&#39;), or an array of Elements, from which to remove the event listener.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">event</code>
                        <span class="type">String</span>
                    

                    

                    <div class="param-description">
                        <p>Event ID.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">fn</code>
                        <span class="type">Function</span>
                    

                    

                    <div class="param-description">
                        <p>Event handler function.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">JsPlumbInstance</span>:
                    
                    <p>The current jsPlumb instance; you can chain this method.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_on" class="method item inherited">
    <h3 class="name"><code>on</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code class="optional">[children]</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>event</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>fn</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">JsPlumbInstance</span>
        </span>
    

    

    

    

    

    
        <span class="flag chainable">chainable</span>
    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_on">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l972"><code>doc&#x2F;api&#x2F;jsplumb-api.js:972</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Register an event handler, optionally as a delegate for some set of descendant elements. Note
that this method takes either 3 or 4 arguments - if you supply 3 arguments it is assumed you have
omitted the <code>children</code> parameter, and that the event handler should be bound directly to the given element.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">Element | Element | String</span>
                    

                    

                    <div class="param-description">
                        <p>Either an Element, or a CSS selector (if you want to specify an ID you must prepend it with &#39;#&#39;), or an array of Elements.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name optional">[children]</code>
                        <span class="type">String</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>Comma-delimited list of selectors identifying allowed children.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">event</code>
                        <span class="type">String</span>
                    

                    

                    <div class="param-description">
                        <p>Event ID.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">fn</code>
                        <span class="type">Function</span>
                    

                    

                    <div class="param-description">
                        <p>Event handler function.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">JsPlumbInstance</span>:
                    
                    <p>The current jsPlumb instance; you can chain this method.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_ready" class="method item inherited">
    <h3 class="name"><code>ready</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>fn</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_ready">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l596"><code>doc&#x2F;api&#x2F;jsplumb-api.js:596</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Helper method to bind a function to jsPlumb&#39;s ready event. You should use this method instead of your
library&#39;s equivalent, to ensure that jsPlumb has loaded properly before you start to use it. This is
particularly true in the case of YUI, because of the asynchronous nature of the module loading process.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">fn</code>
                        <span class="type">Function</span>
                    

                    

                    <div class="param-description">
                        <p>Function to call once the instance is ready.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_recalculateOffsets" class="method item inherited">
    <h3 class="name"><code>recalculateOffsets</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_recalculateOffsets">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l363"><code>doc&#x2F;api&#x2F;jsplumb-api.js:363</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Recalculates the offsets of all child elements of some element. If you have Endpoints registered on the
descendants of some element and you make changes to that element&#39;s markup, it is possible that the location
of each Endpooint relative to the origin of the element may have changed. So you call this to tell jsPlumb to
recalculate.  You need to do this because, for performance reasons, jsplumb won&#39;t calculate these offsets on
the fly.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">String | Element | Selector</span>
                    

                    

                    <div class="param-description">
                        <p>The element for which to recalculate offsets.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_registerConnectionType" class="method item inherited">
    <h3 class="name"><code>registerConnectionType</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>typeId</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>type</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_registerConnectionType">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l746"><code>doc&#x2F;api&#x2F;jsplumb-api.js:746</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Registers the given connection type on this instance of jsPlumb.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">typeId</code>
                        <span class="type">String</span>
                    

                    

                    <div class="param-description">
                        <p>Id of the type</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">type</code>
                        <span class="type">Object</span>
                    

                    

                    <div class="param-description">
                        <p>Object containing the type specification.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_registerConnectionTypes" class="method item inherited">
    <h3 class="name"><code>registerConnectionTypes</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>types</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_registerConnectionTypes">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l739"><code>doc&#x2F;api&#x2F;jsplumb-api.js:739</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Registers all of the given connection types on this instance of jsPlumb. <code>types</code> is expected
to contain keys with typeids and values with type specification objects.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">types</code>
                        <span class="type">Object</span>
                    

                    

                    <div class="param-description">
                        <p>Object containing the type specifications.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_registerEndpointType" class="method item inherited">
    <h3 class="name"><code>registerEndpointType</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>typeId</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>type</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_registerEndpointType">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l753"><code>doc&#x2F;api&#x2F;jsplumb-api.js:753</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Registers the given endpoint type on this instance of jsPlumb.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">typeId</code>
                        <span class="type">String</span>
                    

                    

                    <div class="param-description">
                        <p>Id of the type</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">type</code>
                        <span class="type">Object</span>
                    

                    

                    <div class="param-description">
                        <p>Object containing the type specification.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_registerEndpointTypes" class="method item inherited">
    <h3 class="name"><code>registerEndpointTypes</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>types</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_registerEndpointTypes">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l732"><code>doc&#x2F;api&#x2F;jsplumb-api.js:732</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Registers all of the given Endpoint types on this instance of jsPlumb. <code>types</code> is expected
to contain keys with typeids and values with type specification objects.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">types</code>
                        <span class="type">Object</span>
                    

                    

                    <div class="param-description">
                        <p>Object containing the type specifications.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_remove" class="method item inherited">
    <h3 class="name"><code>remove</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_remove">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l638"><code>doc&#x2F;api&#x2F;jsplumb-api.js:638</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Removes the given element from the DOM, along with all Endpoints associated with it,
and their connections.  This also removes all Endpoints and Connections belonging to child elements, as well as - of course -
the child elements themselves.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">String | Element | Selector</span>
                    

                    

                    <div class="param-description">
                        <p>The element in question.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_removeAllEndpoints" class="method item inherited">
    <h3 class="name"><code>removeAllEndpoints</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code class="optional">[recurse=false]</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">JsPlumbInstance</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_removeAllEndpoints">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l626"><code>doc&#x2F;api&#x2F;jsplumb-api.js:626</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Removes all Endpoints associated with a given element. 
Also removes all Connections associated with each Endpoint it removes. jsPlumb expects
that the element referenced here exists in the DOM. If it does not, or you are uncertain
whether it will exist or not, use {@link jsPlumbInstance#remove}.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">String | Element | Selector</span>
                    

                    

                    <div class="param-description">
                        <p>The element in question.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name optional">[recurse=false]</code>
                        <span class="type">Boolean</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>Whether or not to recurse down through this elements children and remove their endpoints too.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">JsPlumbInstance</span>:
                    
                    <p>The current jsPlumb instance.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_repaint" class="method item inherited">
    <h3 class="name"><code>repaint</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">JsPlumbInstance</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_repaint">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l604"><code>doc&#x2F;api&#x2F;jsplumb-api.js:604</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Repaints an element and its connections.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">String | Element | Selector</span>
                    

                    

                    <div class="param-description">
                        <p>The element in question.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">JsPlumbInstance</span>:
                    
                    <p>The current jsPlumb instance.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_repaintEverything" class="method item inherited">
    <h3 class="name"><code>repaintEverything</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code class="optional">[clearEdits=false]</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">JsPlumbInstance</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_repaintEverything">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l618"><code>doc&#x2F;api&#x2F;jsplumb-api.js:618</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Repaints all connections and endpoints.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name optional">[clearEdits=false]</code>
                        <span class="type">Boolean</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>If true, clear all edits made since last paint (anchors having moved, conenctions edited, absolute overlay positions etc)</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">JsPlumbInstance</span>:
                    
                    <p>The current jsPlumb instance.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_reset" class="method item inherited">
    <h3 class="name"><code>reset</code></h3>

    
        <span class="paren">()</span>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_reset">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l653"><code>doc&#x2F;api&#x2F;jsplumb-api.js:653</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Removes all endpoints and connections and clears the listener list. To keep listeners call {@link jsPlumbInstance#deleteEveryEndpoint}
instead of this.</p>

    </div>

    

    

    
</div>

                
                    <div id="method_restoreDefaults" class="method item inherited">
    <h3 class="name"><code>restoreDefaults</code></h3>

    
        <span class="paren">()</span>
    

    
        <span class="returns-inline">
            <span class="type">JsPlumbInstance</span>
        </span>
    

    

    

    

    

    
        <span class="flag chainable">chainable</span>
    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_restoreDefaults">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l26"><code>doc&#x2F;api&#x2F;jsplumb-api.js:26</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Restores the default settings to "factory" values.</p>

    </div>

    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">JsPlumbInstance</span>:
                    
                    <p>The current jsPlumb instance.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_revalidate" class="method item inherited">
    <h3 class="name"><code>revalidate</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_revalidate">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l612"><code>doc&#x2F;api&#x2F;jsplumb-api.js:612</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Clears the offset and size cache for an element, then repaints it and its connections.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">String | Element | Selector</span>
                    

                    

                    <div class="param-description">
                        <p>The element in question.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_select" class="method item inherited">
    <h3 class="name"><code>select</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code class="optional">[params]</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">Selection</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_select">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l204"><code>doc&#x2F;api&#x2F;jsplumb-api.js:204</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Selects a set of Connections, using the filter options from the getConnections method, and returns an object
that allows you to perform an operation on all of the Connections at once.</p>
<p>The return value from any of these operations is the original list of Connections, allowing operations to be
chained (for &#39;setter&#39; type operations). &#39;getter&#39; type operations return an array of values, where each entry is
of the form:</p>
<p>   <code>[ Connection, return value ]</code></p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name optional">[params]</code>
                        <span class="type">Object</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>Filter parameters. All of the values in this object are optional; if you supply no parameters at all you will get back all of the current Connections in the given jsPlumb instance.</p>

                    </div>

                    
                        <ul class="params-list">
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[scope]</code>
                                    <span class="type">String | String</span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <p>scope - see getConnections</p>

                                </div>

                                
                            </li>
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[source]</code>
                                    <span class="type">String | String</span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <ul>
<li>see getConnections</li>
</ul>

                                </div>

                                
                            </li>
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[target]</code>
                                    <span class="type">String | String</span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <ul>
<li>see getConnections</li>
</ul>

                                </div>

                                
                            </li>
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[connections]</code>
                                    <span class="type"><a href="../classes/Connection.html" class="crosslink">Connection[]</a></span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <ul>
<li>an existing list of Connections.  If you supply this, &#39;source&#39; and &#39;target&#39; will be ignored.</li>
</ul>

                                </div>

                                
                            </li>
                            
                        </ul>
                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">Selection</span>:
                    
                    <p>A list of Connections on which operations may be executed. &#39;Setter&#39; type operations can be chained; &#39;getter&#39; type operations
return an array of <code>[Connection, value]</code> pairs, one entry for each Connection in the list returned. The full list of operations 
is as follows (where not specified, the operation&#39;s effect or return value is the same as the corresponding method on Connection) :</p>
<ul>
<li><strong>addClass</strong> : Adds a class to all the Connections in the list.</li>
<li><strong>addOverlay</strong> : Adds an Overlay to all the Connections in the list.</li>
<li><strong>addType</strong> : Adds a type to all the Connections in the list.</li>
<li><strong>delete</strong> : Deletes all the Connections in the list. Not chainable, and does not return anything.</li>
<li><strong>each(function(connection)...)</strong> : Allows you to specify your own function to execute; this function is chainable.        </li>
<li><strong>get(index)</strong> : Returns the Connection at &#39;index&#39; in the list.            </li>
<li><strong>getHoverPaintStyle</strong></li>
<li><strong>getLabel</strong></li>
<li><strong>getOverlay</strong></li>
<li><strong>getPaintStyle</strong>        </li>
<li><strong>getParameter</strong></li>
<li><strong>getParameters</strong></li>
<li><strong>getType</strong></li>
<li><strong>getZIndex</strong></li>
<li><strong>hasType</strong>        </li>
<li><strong>hideOverlay</strong></li>
<li><strong>hideOverlays</strong>        </li>
<li><strong>isDetachable</strong>        </li>
<li><strong>isHover</strong></li>
<li><strong>isReattach</strong></li>
<li><strong>isVisible</strong>        </li>
<li><strong>length</strong> : returns the length of the list.</li>
<li><strong>removeAllOverlays</strong>        </li>
<li><strong>removeClass</strong></li>
<li><strong>removeOverlay</strong></li>
<li><strong>removeOverlays</strong></li>
<li><strong>removeType</strong></li>
<li><strong>repaint</strong>    </li>
<li><strong>setConnector</strong>        </li>
<li><strong>setDetachable</strong></li>
<li><strong>setHover</strong>        </li>
<li><strong>setHoverPaintStyle</strong>        </li>
<li><strong>setLabel</strong>        </li>
<li><strong>setPaintStyle</strong>    </li>
<li><strong>setParameter</strong></li>
<li><strong>setParameters</strong></li>
<li><strong>setReattach</strong>    </li>
<li><strong>setType</strong>    </li>
<li><strong>showOverlay</strong>    </li>
<li><strong>showOverlays</strong></li>
</ul>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_selectEndpoints" class="method item inherited">
    <h3 class="name"><code>selectEndpoints</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code class="optional">[params]</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">Selection</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_selectEndpoints">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l267"><code>doc&#x2F;api&#x2F;jsplumb-api.js:267</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Selects a set of Endpoints and returns an object that allows you to execute various different methods on them at once. The return 
value from any of these operations is the original list of Endpoints, allowing operations to be chained (for &#39;setter&#39; type 
operations). &#39;getter&#39; type operations return an array of values, where each entry is of the form:</p>
<pre class="code prettyprint"><code><code>[ Endpoint, return value ]</code></code></pre>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name optional">[params]</code>
                        <span class="type">Object</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>Filter parameters.</p>

                    </div>

                    
                        <ul class="params-list">
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[scope=jsPlumb.DefaultScope]</code>
                                    <span class="type">String | String</span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <p>Scope(s) to match</p>

                                </div>

                                
                            </li>
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[source]</code>
                                    <span class="type">String | Element | Selector | Array</span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <ul>
<li>limits returned endpoints to those that are declared as a source endpoint on any elements identified.</li>
</ul>

                                </div>

                                
                            </li>
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[target]</code>
                                    <span class="type">String | Element | Selector | Array</span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <ul>
<li>limits returned endpoints to those that are declared as a target endpoint on any elements identified.</li>
</ul>

                                </div>

                                
                            </li>
                            
                            <li class="param">
                                
                                    <code class="param-name optional">[element]</code>
                                    <span class="type">String | Element | Selector | Array</span>
                                    <span class="flag optional" title="This parameter is optional.">optional</span>
                                

                                <div class="param-description">
                                    <ul>
<li>limits returned endpoints to those that are declared as either a source OR a target endpoint on any elements identified.</li>
</ul>

                                </div>

                                
                            </li>
                            
                        </ul>
                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">Selection</span>:
                    
                    <p>A list of Endpoints on which operations may be executed. &#39;Setter&#39; type operations can be chained; &#39;getter&#39; type operations
return an array of <code>[Endpoint, value]</code> pairs, one entry for each Endpoint in the list returned. </p>
<p>The full list of operations is as follows (where not specified, the operation&#39;s effect or return value is the
same as the corresponding method on Endpoint) :</p>
<ul>
<li><strong>setHover</strong></li>
<li><strong>removeAllOverlays</strong></li>
<li><strong>setLabel</strong></li>
<li><strong>addClass</strong></li>
<li><strong>addOverlay</strong></li>
<li><strong>removeClass</strong></li>
<li><strong>removeOverlay</strong></li>
<li><strong>removeOverlays</strong></li>
<li><strong>showOverlay</strong></li>
<li><strong>hideOverlay</strong></li>
<li><strong>showOverlays</strong></li>
<li><strong>hideOverlays</strong></li>
<li><strong>setPaintStyle</strong></li>
<li><strong>setHoverPaintStyle</strong></li>
<li><strong>setParameter</strong></li>
<li><strong>setParameters</strong></li>
<li><strong>setAnchor</strong></li>
<li><strong>getLabel</strong></li>
<li><strong>getOverlay</strong></li>
<li><strong>isHover</strong></li>
<li><strong>isDetachable</strong></li>
<li><strong>getParameter</strong></li>
<li><strong>getParameters</strong></li>
<li><strong>getPaintStyle</strong></li>
<li><strong>getHoverPaintStyle</strong></li>
<li><strong>deleteEveryConnection</strong> : Deletes all the Connections from every Endpoint in the list. not chainable and does not return anything.</li>
<li><strong>delete</strong> : Deletes every Endpoint in the list. not chainable and does not return anything.        </li>
<li><strong>length</strong> : returns the length of the list.</li>
<li><strong>get(index)</strong> : returns the Endpoint at &#39;index&#39; in the list.</li>
<li><strong>each(function(endpoint)...)</strong> : allows you to specify your own function to execute; this function is chainable.</li>
</ul>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_setContainer" class="method item inherited">
    <h3 class="name"><code>setContainer</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>container</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_setContainer">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l33"><code>doc&#x2F;api&#x2F;jsplumb-api.js:33</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Sets the current element to use as the Container for the given jsPlumbInstance - the element that will be the parent for
all artefacts added by jsPlumb. By default, the Container is set to the offsetParent of the first element on which 
<code>connect</code>, <code>addEndpoint</code>, <code>makeSource</code> or <code>makeTarget</code> is called, but you are encouraged to set a Container either in the
arguments to the <code>jsPlumb.newInstance(...)</code> method, or via <code>jsPlumbInstance.importDefaults</code>.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">container</code>
                        <span class="type">String | Element | Selector</span>
                    

                    

                    <div class="param-description">
                        <p>Either an element id, a DOM element, or a selector from the underlying library</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_setDefaultScope" class="method item inherited">
    <h3 class="name"><code>setDefaultScope</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>scope</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">JsPlumbInstance</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_setDefaultScope">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l665"><code>doc&#x2F;api&#x2F;jsplumb-api.js:665</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Sets the default scope for Connections and Endpoints. A scope defines a type of Endpoint/Connection; supplying a
scope to an Endpoint or Connection allows you to support different
types of Connections in the same UI.  If you&#39;re only interested in
one type of Connection, you don&#39;t need to supply a scope. This method
will probably be used by very few people; it just instructs jsPlumb
to use a different key for the default scope.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">scope</code>
                        <span class="type">String</span>
                    

                    

                    <div class="param-description">
                        <p>Scope to set as default.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">JsPlumbInstance</span>:
                    
                    <p>The current jsPlumb instance.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_setDraggable" class="method item inherited">
    <h3 class="name"><code>setDraggable</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>draggable</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_setDraggable">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l48"><code>doc&#x2F;api&#x2F;jsplumb-api.js:48</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Sets whether or not the given element(s) should be draggable, regardless of what a particular method may request.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">String | Object | Array</span>
                    

                    

                    <div class="param-description">
                        <p>Some identifier for the element(s) - may be a string id, a selector, or an array of ids/selectors</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">draggable</code>
                        <span class="type">Boolean</span>
                    

                    

                    <div class="param-description">
                        <p>Whether or not the given element(s) should be draggable.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_setHoverSuspended" class="method item inherited">
    <h3 class="name"><code>setHoverSuspended</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>hover</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_setHoverSuspended">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l324"><code>doc&#x2F;api&#x2F;jsplumb-api.js:324</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Sets whether or not hover effects should be suspended. jsPlumb uses this internally during various
drag/drop operations, and it is exposed because it might also be useful for you too.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">hover</code>
                        <span class="type">Boolean</span>
                    

                    

                    <div class="param-description">
                        <p>whether or not to set hover suspended.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_setIdChanged" class="method item inherited">
    <h3 class="name"><code>setIdChanged</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>oldId</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>newId</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_setIdChanged">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l381"><code>doc&#x2F;api&#x2F;jsplumb-api.js:381</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Notify jsPlumb that the element with oldId has had its id changed to newId. This method is equivalent to what jsPlumb does itself in the second step of the setId method.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">oldId</code>
                        <span class="type">String</span>
                    

                    

                    <div class="param-description">
                        <p>Previous element id</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">newId</code>
                        <span class="type">String</span>
                    

                    

                    <div class="param-description">
                        <p>Element&#39;s new id</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_setParent" class="method item inherited">
    <h3 class="name"><code>setParent</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>newParent</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_setParent">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l389"><code>doc&#x2F;api&#x2F;jsplumb-api.js:389</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Switches the parent of the element to be the newParent, updating jsPlumb references to the element as necessary.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">Selector | Element</span>
                    

                    

                    <div class="param-description">
                        <p>Element to re-parent</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">newParent</code>
                        <span class="type">Selector | Element | String</span>
                    

                    

                    <div class="param-description">
                        <p>Selector, DOM element, or id of new parent.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_setScope" class="method item inherited">
    <h3 class="name"><code>setScope</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>scope</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_setScope">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l506"><code>doc&#x2F;api&#x2F;jsplumb-api.js:506</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Sets the source and target scope of some element that has been configured as a connection source and target with <code>makeTarget</code> and <code>makeSource</code>. If the element is only a source or only a target, this method will just set what it can.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">Element | String</span>
                    

                    

                    <div class="param-description">
                        <p>Element to set source and target scope for.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">scope</code>
                        <span class="type">String</span>
                    

                    

                    <div class="param-description">
                        <p>Space delimited list of scopes. Note, though, that multiple scopes is supported by the jquery flavour only programmatcally, not with drag/drop connections.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_setSource" class="method item inherited">
    <h3 class="name"><code>setSource</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>connection</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>source</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code class="optional">[doNotRepaint=false]</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">JsPlumbInstance</span>
        </span>
    

    

    

    

    

    
        <span class="flag chainable">chainable</span>
    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_setSource">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l91"><code>doc&#x2F;api&#x2F;jsplumb-api.js:91</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Sets the source for some Connection. A <code>connectionMoved</code> event is fired.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">connection</code>
                        <span class="type"><a href="../classes/Connection.html" class="crosslink">Connection</a></span>
                    

                    

                    <div class="param-description">
                        <p>The connection to set the source for</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">source</code>
                        <span class="type">String | Element | <a href="../classes/Endpoint.html" class="crosslink">Endpoint</a></span>
                    

                    

                    <div class="param-description">
                        <p>Either an element, element id, or existing Endpoint. If you pass an element or element id for an element that
has been registered as a Connection source via makeSource, the Endpoint properties from that call are used.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name optional">[doNotRepaint=false]</code>
                        <span class="type">Boolean</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>If true, the Connection will not be repainted after the source is changed.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">JsPlumbInstance</span>:
                    
                    <p>The current jsPlumb instance</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_setSourceEnabled" class="method item inherited">
    <h3 class="name"><code>setSourceEnabled</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>state</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">JsPlumbInstance</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_setSourceEnabled">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l534"><code>doc&#x2F;api&#x2F;jsplumb-api.js:534</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Sets the enabled state of one or more elements that were previously made a connection source with the makeSource
method.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">String | Element | Selector</span>
                    

                    

                    <div class="param-description">
                        <p>The element in question.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">state</code>
                        <span class="type">Boolean</span>
                    

                    

                    <div class="param-description">
                        <p>True to enable the element(s), false to disable it.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">JsPlumbInstance</span>:
                    
                    <p>The current jsPlumb instance.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_setSourceScope" class="method item inherited">
    <h3 class="name"><code>setSourceScope</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>scope</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code class="optional">[connectionType]</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_setSourceScope">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l490"><code>doc&#x2F;api&#x2F;jsplumb-api.js:490</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Sets the source scope of some element that has been configured as a connection source with <code>makeSource</code></p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">Element | String</span>
                    

                    

                    <div class="param-description">
                        <p>Element to set source scope for.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">scope</code>
                        <span class="type">String</span>
                    

                    

                    <div class="param-description">
                        <p>Space delimited list of scopes. Note, though, that multiple scopes is supported by the jquery flavour only programmatcally, not with drag/drop connections.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name optional">[connectionType]</code>
                        <span class="type">String</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>Optional connection type to constrain the scope change to.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_setSuspendDrawing" class="method item inherited">
    <h3 class="name"><code>setSuspendDrawing</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>val</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code class="optional">[repaintAfterwards=false]</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">Boolean</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            <p>Inherited from
            <a href="../classes/JsPlumbInstance.html#method_setSuspendDrawing">
                jsPlumbInstance
            </a>
            
            but overwritten in
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l113"><code>doc&#x2F;api&#x2F;jsplumb-api.js:113</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Suspends drawing operations.  This can (and should!) be used when you have a lot of connections to make or endpoints to register;
it will save you a lot of time.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">val</code>
                        <span class="type">Boolean</span>
                    

                    

                    <div class="param-description">
                        <p>Indicates whether to suspend or not</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name optional">[repaintAfterwards=false]</code>
                        <span class="type">Boolean</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>Instructs jsPlumb to do a full repaint after changing the suspension state.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">Boolean</span>:
                    
                    <p>The value of the suspend drawing flag <em>before</em> this method was called.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_setSuspendEvents" class="method item inherited">
    <h3 class="name"><code>setSuspendEvents</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>val</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/jsPlumbUtil.EventGenerator.html#method_setSuspendEvents">jsPlumbUtil.EventGenerator</a>:
            
        
        
        <a href="../files/doc_api_util-api.js.html#l116"><code>doc&#x2F;api&#x2F;util-api.js:116</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Sets whether or not events are suspended.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">val</code>
                        <span class="type">Boolean</span>
                    

                    

                    <div class="param-description">
                        <p>Whether or not to suspend events.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_setTarget" class="method item inherited">
    <h3 class="name"><code>setTarget</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>connection</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>target</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code class="optional">[doNotRepaint=false]</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">JsPlumbInstance</span>
        </span>
    

    

    

    

    

    
        <span class="flag chainable">chainable</span>
    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_setTarget">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l102"><code>doc&#x2F;api&#x2F;jsplumb-api.js:102</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Sets the target for some Connection. A <code>connectionMoved</code> event is fired.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">connection</code>
                        <span class="type"><a href="../classes/Connection.html" class="crosslink">Connection</a></span>
                    

                    

                    <div class="param-description">
                        <p>The connection to set the target for</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">target</code>
                        <span class="type">String | Element | <a href="../classes/Endpoint.html" class="crosslink">Endpoint</a></span>
                    

                    

                    <div class="param-description">
                        <p>Either an element, element id, or existing Endpoint. If you pass an element or element id for an element that
has been registered as a Connection target via makeTarget, the Endpoint properties from that call are used.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name optional">[doNotRepaint=false]</code>
                        <span class="type">Boolean</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>If true, the Connection will not be repainted after the target is changed.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">JsPlumbInstance</span>:
                    
                    <p>The current jsPlumb instance</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_setTargetEnabled" class="method item inherited">
    <h3 class="name"><code>setTargetEnabled</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>state</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">JsPlumbInstance</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_setTargetEnabled">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l566"><code>doc&#x2F;api&#x2F;jsplumb-api.js:566</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Sets the enabled state of one or more elements that were previously made a connection target with the makeTarget method.
method.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">String | Element | Selector</span>
                    

                    

                    <div class="param-description">
                        <p>The element in question.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">state</code>
                        <span class="type">Boolean</span>
                    

                    

                    <div class="param-description">
                        <p>True to enable the element(s), false to disable it.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">JsPlumbInstance</span>:
                    
                    <p>The current jsPlumb instance.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_setTargetScope" class="method item inherited">
    <h3 class="name"><code>setTargetScope</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code>scope</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code class="optional">[connectionType]</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_setTargetScope">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l498"><code>doc&#x2F;api&#x2F;jsplumb-api.js:498</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Sets the target scope of some element that has been configured as a connection source with <code>makeTarget</code></p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">Element | String</span>
                    

                    

                    <div class="param-description">
                        <p>Element to set target scope for.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name">scope</code>
                        <span class="type">String</span>
                    

                    

                    <div class="param-description">
                        <p>Space delimited list of scopes. Note, though, that multiple scopes is supported by the jquery flavour only programmatcally, not with drag/drop connections.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name optional">[connectionType]</code>
                        <span class="type">String</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>Optional connection type to constrain the scope change to.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_show" class="method item inherited">
    <h3 class="name"><code>show</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code class="optional">[changeEndpoints=false]</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">JsPlumbInstance</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_show">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l339"><code>doc&#x2F;api&#x2F;jsplumb-api.js:339</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Sets an element&#39;s connections to be visible.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">String | Element | Selector</span>
                    

                    

                    <div class="param-description">
                        <p>Element to show connections for.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name optional">[changeEndpoints=false]</code>
                        <span class="type">Boolean</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>Whether or not to also change the visible state of the endpoints on the element.  this also has a bearing on
 other connections on those endpoints: if their other endpoint is also visible, the connections are made visible.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">JsPlumbInstance</span>:
                    
                    <p>The current jsPlumb instance.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_toggleDraggable" class="method item inherited">
    <h3 class="name"><code>toggleDraggable</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">Boolean</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_toggleDraggable">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l356"><code>doc&#x2F;api&#x2F;jsplumb-api.js:356</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Toggles draggability (sic?) of an element&#39;s Connections.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">String | Element | Selector</span>
                    

                    

                    <div class="param-description">
                        <p>The element for which to toggle draggability.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">Boolean</span>:
                    
                    <p>The current draggable state.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_toggleSourceEnabled" class="method item inherited">
    <h3 class="name"><code>toggleSourceEnabled</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">Boolean</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_toggleSourceEnabled">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l543"><code>doc&#x2F;api&#x2F;jsplumb-api.js:543</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Toggles the source enabled state of the given element or elements.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">String | Element | Selector</span>
                    

                    

                    <div class="param-description">
                        <p>The element in question.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">Boolean</span>:
                    
                    <p>The current enabled state of the source.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_toggleTargetEnabled" class="method item inherited">
    <h3 class="name"><code>toggleTargetEnabled</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">Boolean</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_toggleTargetEnabled">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l575"><code>doc&#x2F;api&#x2F;jsplumb-api.js:575</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Toggles the target enabled state of the given element or elements.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">String | Element | Selector</span>
                    

                    

                    <div class="param-description">
                        <p>The element in question.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">Boolean</span>:
                    
                    <p>The current enabled state of the target.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_toggleVisible" class="method item inherited">
    <h3 class="name"><code>toggleVisible</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code class="optional">[changeEndpoints=false]</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">Null</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_toggleVisible">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l348"><code>doc&#x2F;api&#x2F;jsplumb-api.js:348</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Toggles visibility of an element&#39;s Connections.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">String | Element | Selector</span>
                    

                    

                    <div class="param-description">
                        <p>Element to toggle visibility for.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name optional">[changeEndpoints=false]</code>
                        <span class="type">Boolean</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>Whether or not to also toggle the endpoints on the element.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">Null</span>:
                    
                    <p>But should be updated to return the current state.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_unbind" class="method item inherited">
    <h3 class="name"><code>unbind</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code class="optional">[eventOrListener]</code>
                    
                </li>
            
                <li class="arg">
                    
                        <code class="optional">[listener]</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/jsPlumbUtil.EventGenerator.html#method_unbind">jsPlumbUtil.EventGenerator</a>:
            
        
        
        <a href="../files/doc_api_util-api.js.html#l106"><code>doc&#x2F;api&#x2F;util-api.js:106</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Clears either all listeners, or listeners for some specific event, or just some listener. You can call this method
with zero, one or two arguments: with zero arguments, all listeners are cleared. With one argument that is a string, all listeners for
the specified event type are cleared. With one argument that is a function, it is removed from the appropriate event list.
With two arguments, the first is an event type, and the second is a function to be unbound. In fact this is perhaps unnecessary
given that you can unbind a function just by passing it.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name optional">[eventOrListener]</code>
                        <span class="type">String | Function</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>If a string, constrains the clear to just listeners for the event identified by the string. If a Function, unbinds this function wherever it may have been bound.</p>

                    </div>

                    
                </li>
            
                <li class="param">
                    
                        <code class="param-name optional">[listener]</code>
                        <span class="type">Function</span>
                        <span class="flag optional" title="This parameter is optional.">optional</span>
                    

                    

                    <div class="param-description">
                        <p>If provided, removes just this listener for the given event.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    

    
</div>

                
                    <div id="method_unmakeEverySource" class="method item inherited">
    <h3 class="name"><code>unmakeEverySource</code></h3>

    
        <span class="paren">()</span>
    

    
        <span class="returns-inline">
            <span class="type">JsPlumbInstance</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_unmakeEverySource">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l478"><code>doc&#x2F;api&#x2F;jsplumb-api.js:478</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Resets all elements in this instance of jsPlumb so that none of them are connection sources.</p>

    </div>

    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">JsPlumbInstance</span>:
                    
                    <p>The current jsPlumb instance.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_unmakeEveryTarget" class="method item inherited">
    <h3 class="name"><code>unmakeEveryTarget</code></h3>

    
        <span class="paren">()</span>
    

    
        <span class="returns-inline">
            <span class="type">JsPlumbInstance</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_unmakeEveryTarget">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l484"><code>doc&#x2F;api&#x2F;jsplumb-api.js:484</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Resets all elements in this instance of jsPlumb so that none of them are connection targets.</p>

    </div>

    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">JsPlumbInstance</span>:
                    
                    <p>The current jsPlumb instance.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_unmakeSource" class="method item inherited">
    <h3 class="name"><code>unmakeSource</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">JsPlumbInstance</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_unmakeSource">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l471"><code>doc&#x2F;api&#x2F;jsplumb-api.js:471</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Sets the given element to no longer be a connection source, optionally for just one specified connection type.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">String | Element | Selector</span>
                    

                    

                    <div class="param-description">
                        <p>The element in question.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">JsPlumbInstance</span>:
                    
                    <p>The current jsPlumb instance.</p>

                
            </div>
        </div>
    

    
</div>

                
                    <div id="method_unmakeTarget" class="method item inherited">
    <h3 class="name"><code>unmakeTarget</code></h3>

    
        <div class="args">
            <span class="paren">(</span><ul class="args-list inline commas">
            
                <li class="arg">
                    
                        <code>el</code>
                    
                </li>
            
            </ul><span class="paren">)</span>
        </div>
    

    
        <span class="returns-inline">
            <span class="type">JsPlumbInstance</span>
        </span>
    

    

    

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#method_unmakeTarget">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l444"><code>doc&#x2F;api&#x2F;jsplumb-api.js:444</code></a>
        
        </p>


        

        
    </div>

    <div class="description">
        <p>Sets the given element to no longer be a connection target.</p>

    </div>

    
        <div class="params">
            <h4>Parameters:</h4>

            <ul class="params-list">
            
                <li class="param">
                    
                        <code class="param-name">el</code>
                        <span class="type">String | Element | Selector</span>
                    

                    

                    <div class="param-description">
                        <p>Element to unmake as a connection target.</p>

                    </div>

                    
                </li>
            
            </ul>
        </div>
    

    
        <div class="returns">
            <h4>Returns:</h4>

            <div class="returns-description">
                
                    
                        <span class="type">JsPlumbInstance</span>:
                    
                    <p>The current jsPlumb instance.</p>

                
            </div>
        </div>
    

    
</div>

                
            </div>
        

        
            <div id="properties" class="api-class-tabpanel">
                <h2 class="off-left">Properties</h2>

                
                    <div id="property_connectorClass" class="property item inherited">
    <h3 class="name"><code>connectorClass</code></h3>
    <span class="type">String</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_connectorClass">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l765"><code>doc&#x2F;api&#x2F;jsplumb-api.js:765</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The CSS class(es) to set on Connection elements. This value is a String and can have multiple classes; the entire String is appended as-is (this is true of all the CSS properties in a jsPlumbInstance).</p>

    </div>

    

    

    
</div>

                
                    <div id="property_Defaults" class="property item inherited">
    <h3 class="name"><code>Defaults</code></h3>
    <span class="type">Object</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_Defaults">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l842"><code>doc&#x2F;api&#x2F;jsplumb-api.js:842</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>These are the default settings for jsPlumb.  They are what will be used if you do not supply specific pieces of information 
to the various API calls. A convenient way to implement your own look and feel can be to override these defaults 
by including a script somewhere after the jsPlumb include, but before you make any calls to jsPlumb.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_Defaults.Anchor" class="property item inherited">
    <h3 class="name"><code>Defaults.Anchor</code></h3>
    <span class="type">String</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_Defaults.Anchor">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l849"><code>doc&#x2F;api&#x2F;jsplumb-api.js:849</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The default anchor to use for all connections (both source and target). Default is "Bottom".</p>

    </div>

    

    

    
</div>

                
                    <div id="property_Defaults.Anchors" class="property item inherited">
    <h3 class="name"><code>Defaults.Anchors</code></h3>
    <span class="type">String</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_Defaults.Anchors">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l854"><code>doc&#x2F;api&#x2F;jsplumb-api.js:854</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The default anchors to use as (<code>[source, target]</code>) for all connections. Defaults are <code>["Bottom", "Bottom"]</code>.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_Defaults.ConnectionOverlays" class="property item inherited">
    <h3 class="name"><code>Defaults.ConnectionOverlays</code></h3>
    <span class="type">Object</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_Defaults.ConnectionOverlays">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l864"><code>doc&#x2F;api&#x2F;jsplumb-api.js:864</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The default overlay definitions for Connections. Defaults to an empty list.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_Defaults.ConnectionsDetachable" class="property item inherited">
    <h3 class="name"><code>Defaults.ConnectionsDetachable</code></h3>
    <span class="type">Boolean</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_Defaults.ConnectionsDetachable">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l859"><code>doc&#x2F;api&#x2F;jsplumb-api.js:859</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>Whether or not connections are detachable by default (using the mouse). Defaults to true.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_Defaults.Connector" class="property item inherited">
    <h3 class="name"><code>Defaults.Connector</code></h3>
    <span class="type">String</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_Defaults.Connector">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l869"><code>doc&#x2F;api&#x2F;jsplumb-api.js:869</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>Name of the default connector definition to use for all connections.  Default is "Bezier".</p>

    </div>

    

    

    
</div>

                
                    <div id="property_Defaults.Container" class="property item inherited">
    <h3 class="name"><code>Defaults.Container</code></h3>
    <span class="type">Element | String</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_Defaults.Container">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l874"><code>doc&#x2F;api&#x2F;jsplumb-api.js:874</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>Optional selector or element id that instructs jsPlumb to append elements it creates to a specific element.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_Defaults.DoNotThrowErrors" class="property item inherited">
    <h3 class="name"><code>Defaults.DoNotThrowErrors</code></h3>
    <span class="type">Boolean</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_Defaults.DoNotThrowErrors">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l879"><code>doc&#x2F;api&#x2F;jsplumb-api.js:879</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>Defaults to false; whether or not to throw errors if a user specifies an unknown anchor, endpoint or connector type.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_Defaults.DragOptions" class="property item inherited">
    <h3 class="name"><code>Defaults.DragOptions</code></h3>
    <span class="type">Object</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_Defaults.DragOptions">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l884"><code>doc&#x2F;api&#x2F;jsplumb-api.js:884</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The default drag options to pass in to {@link jsPlumbInstance#connect}, {@link jsPlumbInstance#makeTarget} and {@link jsPlumbInstance#addEndpoint} calls. Default is empty.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_Defaults.DropOptions" class="property item inherited">
    <h3 class="name"><code>Defaults.DropOptions</code></h3>
    <span class="type">Object</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_Defaults.DropOptions">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l889"><code>doc&#x2F;api&#x2F;jsplumb-api.js:889</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The default drop options to pass in to {@link jsPlumbInstance#connect}, {@link jsPlumbInstance#makeTarget} and {@link jsPlumbInstance#addEndpoint} calls. Default is empty.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_Defaults.Endpoint" class="property item inherited">
    <h3 class="name"><code>Defaults.Endpoint</code></h3>
    <span class="type">String</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_Defaults.Endpoint">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l894"><code>doc&#x2F;api&#x2F;jsplumb-api.js:894</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The name of the default endpoint to use for all connections (both source and target).  Default is <code>"Dot"</code>.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_Defaults.EndpointHoverStyle" class="property item inherited">
    <h3 class="name"><code>Defaults.EndpointHoverStyle</code></h3>
    <span class="type">Object</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_Defaults.EndpointHoverStyle">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l914"><code>doc&#x2F;api&#x2F;jsplumb-api.js:914</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The default hover style definition to use for all endpoints. Default is null.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_Defaults.EndpointHoverStyles" class="property item inherited">
    <h3 class="name"><code>Defaults.EndpointHoverStyles</code></h3>
    <span class="type">Object</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_Defaults.EndpointHoverStyles">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l919"><code>doc&#x2F;api&#x2F;jsplumb-api.js:919</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The default hover style definitions ([ source, target ]) to use for all endpoints. Defaults are null.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_Defaults.Endpoints" class="property item inherited">
    <h3 class="name"><code>Defaults.Endpoints</code></h3>
    <span class="type">String</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_Defaults.Endpoints">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l899"><code>doc&#x2F;api&#x2F;jsplumb-api.js:899</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The names of the default endpoint definitions ([ source, target ]) to use for all connections.  Defaults are <code>["Dot", "Dot"]</code>.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_Defaults.EndpointStyle" class="property item inherited">
    <h3 class="name"><code>Defaults.EndpointStyle</code></h3>
    <span class="type">Object</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_Defaults.EndpointStyle">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l904"><code>doc&#x2F;api&#x2F;jsplumb-api.js:904</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The default style definition to use for all endpoints. Default is <code>{ fill:"#456" }</code></p>

    </div>

    

    

    
</div>

                
                    <div id="property_Defaults.EndpointStyles" class="property item inherited">
    <h3 class="name"><code>Defaults.EndpointStyles</code></h3>
    <span class="type">Object</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_Defaults.EndpointStyles">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l909"><code>doc&#x2F;api&#x2F;jsplumb-api.js:909</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The default style definitions ([ source, target ]) to use for all endpoints.  Defaults are empty.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_Defaults.HoverPaintStyle" class="property item inherited">
    <h3 class="name"><code>Defaults.HoverPaintStyle</code></h3>
    <span class="type">Object</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_Defaults.HoverPaintStyle">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l924"><code>doc&#x2F;api&#x2F;jsplumb-api.js:924</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The default hover style definition to use for all connections. Defaults are null.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_Defaults.LabelStyle" class="property item deprecated inherited">
    <h3 class="name"><code>Defaults.LabelStyle</code></h3>
    <span class="type">Object</span>

    
        <span class="flag deprecated" title="Labels should be styled with CSS nowadays.">deprecated</span>
    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_Defaults.LabelStyle">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l929"><code>doc&#x2F;api&#x2F;jsplumb-api.js:929</code></a>
        
        </p>

        
            <p>Deprecated: Labels should be styled with CSS nowadays.</p>
        

        
    </div>

    <div class="description">
        <p>The default style to use for label overlays on connections.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_Defaults.LogEnabled" class="property item inherited">
    <h3 class="name"><code>Defaults.LogEnabled</code></h3>
    <span class="type">Boolean</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_Defaults.LogEnabled">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l935"><code>doc&#x2F;api&#x2F;jsplumb-api.js:935</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>Whether or not the jsPlumb log is enabled. defaults to false.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_Defaults.MaxConnections" class="property item inherited">
    <h3 class="name"><code>Defaults.MaxConnections</code></h3>
    <span class="type">Integer</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_Defaults.MaxConnections">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l945"><code>doc&#x2F;api&#x2F;jsplumb-api.js:945</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The default maximum number of connections for an Endpoint.  Defaults to 1.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_Defaults.Overlays" class="property item inherited">
    <h3 class="name"><code>Defaults.Overlays</code></h3>
    <span class="type">Object</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_Defaults.Overlays">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l940"><code>doc&#x2F;api&#x2F;jsplumb-api.js:940</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The default overlay definitions (for both Connections and Endpoint). Defaults to an empty list.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_Defaults.PaintStyle" class="property item inherited">
    <h3 class="name"><code>Defaults.PaintStyle</code></h3>
    <span class="type">Object</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_Defaults.PaintStyle">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l950"><code>doc&#x2F;api&#x2F;jsplumb-api.js:950</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The default paint style for a connection. Default is line width of 8 pixels, with color "#456".</p>

    </div>

    

    

    
</div>

                
                    <div id="property_Defaults.ReattachConnections" class="property item inherited">
    <h3 class="name"><code>Defaults.ReattachConnections</code></h3>
    <span class="type">Boolean</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_Defaults.ReattachConnections">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l955"><code>doc&#x2F;api&#x2F;jsplumb-api.js:955</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>Whether or not to reattach Connections that a user has detached with the mouse and then dropped. Default is false.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_Defaults.RenderMode" class="property item inherited">
    <h3 class="name"><code>Defaults.RenderMode</code></h3>
    <span class="type">String</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_Defaults.RenderMode">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l960"><code>doc&#x2F;api&#x2F;jsplumb-api.js:960</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>What mode to use to paint with.  If you&#39;re on IE&lt;9, you don&#39;t really get to choose this.  You&#39;ll just get VML.  Otherwise, jsPlumb uses SVG. Note that from 1.6.0 onwards, support for Canvas has been removed.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_Defaults.Scope" class="property item inherited">
    <h3 class="name"><code>Defaults.Scope</code></h3>
    <span class="type">String</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_Defaults.Scope">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l965"><code>doc&#x2F;api&#x2F;jsplumb-api.js:965</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The default "scope" to use for connections. Scope lets you assign connections to different categories.</p>

    </div>

    
        <p><strong>Default:</strong> &quot;_jsPlumb_Default_Scope&quot;</p>
    

    

    
</div>

                
                    <div id="property_draggingClass" class="property item inherited">
    <h3 class="name"><code>draggingClass</code></h3>
    <span class="type">String</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_draggingClass">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l813"><code>doc&#x2F;api&#x2F;jsplumb-api.js:813</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The CSS class(es) to set on connections that are being dragged. This value is a String and can have multiple classes; the entire String is appended as-is.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_elementDraggingClass" class="property item inherited">
    <h3 class="name"><code>elementDraggingClass</code></h3>
    <span class="type">String</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_elementDraggingClass">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l819"><code>doc&#x2F;api&#x2F;jsplumb-api.js:819</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The CSS class(es) to set on connections whose source or target element is being dragged, and
on their endpoints too. This value is a String and can have multiple classes; the entire String is appended as-is.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_endpointAnchorClassPrefix" class="property item inherited">
    <h3 class="name"><code>endpointAnchorClassPrefix</code></h3>
    <span class="type">String</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_endpointAnchorClassPrefix">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l826"><code>doc&#x2F;api&#x2F;jsplumb-api.js:826</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The prefix for the CSS class to set on Endpoints that have dynamic anchors whose individual locations
have declared an associated CSS class. This value is a String and, unlike the other classes, is expected
to contain a single value, as it is used as a prefix for the final class: &#39;_<strong><em>&#39; is appended,
where "</em></strong>" is the CSS class associated with the current dynamic anchor location.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_endpointClass" class="property item inherited">
    <h3 class="name"><code>endpointClass</code></h3>
    <span class="type">String</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_endpointClass">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l777"><code>doc&#x2F;api&#x2F;jsplumb-api.js:777</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The CSS class(es) to set on Endpoint elements. This value is a String and can have multiple classes; the entire String is appended as-is.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_endpointConnectedClass" class="property item inherited">
    <h3 class="name"><code>endpointConnectedClass</code></h3>
    <span class="type">String</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_endpointConnectedClass">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l783"><code>doc&#x2F;api&#x2F;jsplumb-api.js:783</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The CSS class(es) to set on an Endpoint element when its Endpoint has at least one connection. This value is a String and can have multiple classes; the entire String is appended as-is.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_endpointDropAllowedClass" class="property item inherited">
    <h3 class="name"><code>endpointDropAllowedClass</code></h3>
    <span class="type">String</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_endpointDropAllowedClass">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l795"><code>doc&#x2F;api&#x2F;jsplumb-api.js:795</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The CSS class(es) to set on an Endpoint on which a drop will be allowed (during drag and drop). This value is a String and can have multiple classes; the entire String is appended as-is.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_endpointDropForbiddenClass" class="property item inherited">
    <h3 class="name"><code>endpointDropForbiddenClass</code></h3>
    <span class="type">String</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_endpointDropForbiddenClass">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l801"><code>doc&#x2F;api&#x2F;jsplumb-api.js:801</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The CSS class(es) to set on an Endpoint on which a drop will be forbidden (during drag and drop). This value is a String and can have multiple classes; the entire String is appended as-is.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_endpointFullClass" class="property item inherited">
    <h3 class="name"><code>endpointFullClass</code></h3>
    <span class="type">String</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_endpointFullClass">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l789"><code>doc&#x2F;api&#x2F;jsplumb-api.js:789</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The CSS class(es) to set on a full Endpoint element. This value is a String and can have multiple classes; the entire String is appended as-is.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_hoverClass" class="property item inherited">
    <h3 class="name"><code>hoverClass</code></h3>
    <span class="type">String</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_hoverClass">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l771"><code>doc&#x2F;api&#x2F;jsplumb-api.js:771</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The CSS class(es) to set on Connection or Endpoint elements when hovering. This value is a String and can have multiple classes; the entire String is appended as-is.</p>

    </div>

    

    

    
</div>

                
                    <div id="property_overlayClass" class="property item inherited">
    <h3 class="name"><code>overlayClass</code></h3>
    <span class="type">String</span>

    

    

    

    

    <div class="meta">
        
            
                <p>Inherited from
                <a href="../classes/JsPlumbInstance.html#property_overlayClass">jsPlumbInstance</a>:
            
        
        
        <a href="../files/doc_api_jsplumb-api.js.html#l807"><code>doc&#x2F;api&#x2F;jsplumb-api.js:807</code></a>
        
        </p>

        

        
    </div>

    <div class="description">
        <p>The CSS class(es) to set on an Overlay that is an HTML element. This value is a String and can have multiple classes; the entire String is appended as-is.</p>

    </div>

    

    

    
</div>

                
            </div>
        

        

        
    </div>
</div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

        </div>
    </div>
    
    <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-49979015-1', 'auto');
    ga('send', 'pageview');

</script>

    
<script src="../assets/vendor/prettify/prettify-min.js"></script>
<script>prettyPrint();</script>
<script src="../assets/js/yui-prettify.js"></script>
<script src="../assets/../api.js"></script>
<script src="../assets/js/api-filter.js"></script>
<script src="../assets/js/api-list.js"></script>
<script src="../assets/js/api-search.js"></script>
<script src="../assets/js/apidocs.js"></script>
</body>
</html>
